<!--<div [@openClose]="isOpen ? 'open' : 'closed'" class="open-close-container">-->
<!--  <p>The box is now {{ isOpen ? 'Open' : 'Closed' }}!</p>-->
<!--</div>-->
<!--<button (click)="toggle()">动画</button>-->

<div class="form">
  <ul class="btn-list" [ngClass]="{ 'slide-top': showForm }">
    <li [ngClass]="{ active: type }" (click)="onBtnClick(1)">price</li>
    <li [ngClass]="{ active: !type }" (click)="onBtnClick(2)">other</li>
  </ul>

  {{ formlist | json }}
  <div class="input" appAmFadeInOut [show]="formList[0].show">
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
    我是表单1啊<br />
  </div>

  <div class="input" appAmFadeInOut [show]="formList[1].show">
    我是表单2啊<br />
    我是表单2啊<br />
    我是表单2啊<br />
    我是表单2啊<br />
    我是表单2啊<br />
    我是表单2啊<br />
    我是表单2啊<br />
  </div>
</div>
